<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>视频播放器</title>
		<link rel="stylesheet" href="css/video.css" />
	</head>
	<body>
		<div id="wrap">
			<video src="http://www.17sucai.com/preview/501914/2017-08-04/%E9%A1%B5%E9%9D%A2/media/mov_bbb.mp4"></video>
			<div class="control">
				<div class="btns">
					<div class="start">
						<span ></span>
					</div>
					<div class="stop">
						<span ></span>
					</div>

				</div>
				<div class="progress">
					<div class="wrap">
						<div class="inner"></div>
					</div>
					<div class="deeppink"></div>
				</div>
				<div class="others">
					<div class="time">
						<span class="now">00:00:00</span>/<span class="all">00:00:00</span>
					</div>
					<div class="sound">
						<div class="swich">
							<span></span>
						</div>
						<div class="progress">
							<div class="wrap">
								<div class="inner"></div>
							</div>
							<div class="deeppink"></div>
						</div>

					</div>
					<div class="full-screen">
						<span></span>
					</div>
				</div>
			</div>
		</div>
		<script type="text/javascript" src="js/tools.js" ></script>
		<script type="text/javascript" src="js/video.js" ></script>
	</body>
</html>
